<div class="row">
    <div class="outer-wrapper">
        <div class="left-round"></div>
        <div class="sello-contrato"></div>
        <div class="border-wrapper">
            <div class="header-wrapper"><img src="images/header.png" alt="Contrato de reciclaje y cambios de h&aacute;bitos" /></div>
            <div class="row">
                <div class="twelve columns">
                    <p>
                        El Sr./Sra.&nbsp;<strong><?php echo(htmlentities(ucwords(strtolower($contrato->firmantes[0]->nombre))) . ' (' . $contrato->firmantes[0]->edad . ' a&ntilde;os)'); ?></strong>
                        en adelante llamado RECICLADOR, conviene en celebrar un contrato que se regir&aacute; de acuerdo a las siguientes cl&aacute;usulas:
                    </p>                            
                </div>
            </div>
            <div class="row">
                <div class="twelve columns">
                    <p>
                        PRIMERA: El RECICLADOR se compromete a separar sus residuos en las categor&iacute;as de 
                        <strong><?php
                        for ($i = 0, $l = $contrato->categorias->count(); $i < $l; $i++) {
                            echo(htmlentities($contrato->categorias[$i]->nombre));
                            if ($i == $l - 2) {
                                echo(' y ');
                            } else if ($i < $l - 2) {
                                echo(', ');
                            } else {
                                echo('.');
                            }
                        }
                        ?></strong>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="twelve columns">
                    <p>
                        SEGUNDA: La parte de com&uacute;n y libre acuerdo se comprometer&aacute; a usar lo meramente necesario, esto significa, 
                        <strong><?php
                        for ($i = 0, $l = $contrato->habitos->count(); $i < $l; $i++) {
                            echo(strtolower(htmlentities($contrato->habitos[$i]->nombre)));
                            if ($i == $l - 2) {
                                echo(' y ');
                            } else if ($i < $l - 2) {
                                echo(', ');
                            } else {
                                echo('.');
                            }
                        }
                        ?></strong>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="twelve columns">
                    <p>
                        TERCERA: Ser&aacute; a cargo del RECICLADOR difundir esta iniciativa y fomentar el reciclaje entre sus pares 
                        y utilizar&aacute; www.dondereciclo.org para buscar el punto de reciclaje m&aacute;s cercano a su ubicaci&oacute;n. 
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="twelve columns">
                    <p>
                        Por medio de este contrato se da comienzo al cuidado del futuro de todos.
                        En prueba de conformidad y aceptaci&oacute;n se firma un ejemplar 
                        <strong><?php echo($contrato->fechaToString()); ?>.</strong>
                    </p>
                </div>
            </div>
            <div class="row mgTB">
                <?php
                    echo('<div class="three columns sello-compromiso"><p>'.htmlentities(ucwords(strtolower($contrato->firmantes[0]->nombre))).'<br />('.$contrato->firmantes[0]->edad.'a&ntilde;os)</p></div>');
                ?>
                <div class="three columns"></div>
                <div class="three columns"></div>
                <div class="three columns"></div>
            </div>
            <div class="row">
                <div class="twelve columns mgTB empuje">
                    <p style="font-size: 15px">Este contrato no tiene validez legal, s&iacute; moral.</p>
                </div>
            </div>
            <div class="clear"></div>
            <div id="separadorInferior" style="padding-bottom: 300px"></div>
        </div>
    </div>
    <div class="row">
        <div id="footer-wrapper">
            <div class="two columns centered">
                <a href="http://www.dondereciclo.org/contrato" id="firmarNuevo"></a>
            </div>
        </div>                
    </div>
</div>